Day11實作範例＆物件與腳本標籤

2024 iThome 鐵人賽

DAY 11

佛心分享-IT 人自學之術

新手踏入網頁前端的世界系列第 11 篇

16th鐵人賽

zhiz

2024-09-15 22:40:44

46 瀏覽

分享至

實作範例

今天將藉由這個範例來複習昨天學習到的影音標籤的相關知識。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>影片</title>
</head>
<body>
    <p>這是我在旗津拍的海景～</p>
    <video width="450" controls poster="art.jpg">
        <source src="sea.mp4">
    </video>
</body>
</html>

網頁呈現畫面：(http://127.0.0.1:5500/video.html)

物件標籤 `<object>`

功用與昨天最後介紹的<embed>標籤相似，可以插入影音、圖片檔案和網頁。
以下介紹其屬性：

data 設定檔案路徑
classid 設定插入元件的編號

腳本標籤 `<script>`

功用是插入腳本程式 ( 如JavaScript和VBScript程式 ) 。
實作範例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>腳本標籤</title>
</head>
<body>
    <script type="text/javascript">
        alert('網路連線不穩');
    </script>
    
</body>
</html>